<!DOCTYPE html>
<html>
<head>
    <title>Text rendering</title>
    <style type="text/css">
        @font-face {
          font-family: "PT Sans";
          src: local("PT Sans"), url(resources/PTS55F.ttf) format("truetype");
        }
        @font-face {
          font-family: "PT Sans";
          font-weight: bold;
          src: local("PT Sans Bold"), url(resources/PTS75F.ttf) format("truetype");
        }
        body {
            padding: 60px;
            font-family: "PT Sans", Arial, Helvetica, sans-serif;
            font-size: 16px;
            line-height: 1.2;
            color: #000000;
        }
        a.button {
            display: inline-block;
            height: 23px;
            padding: 0 7px;
            font-size: 14px;
            font-weight: bold;
            line-height: 23px;
            background: #519524;
            color: #FFFFFF;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
        }
        a.button.lite {
            font-weight: normal;
        }
        p.arial {
            font-family: Arial, Helvetica, sans-serif;
        }
    </style>
</head>
<body>
    <p>
        <a class="button lite">My</a>
        <a class="button">My</a>
    </p>
</body>
</html>